{% load staticfiles %}
{% block customize-style %}
    <link href="https://fonts.googleapis.com/css?family=Norican|Pacifico" rel="stylesheet">
    <style type="text/css">
        .main-header .logo .logo-mini {
            font-family: 'Pacifico', cursive;
        }
    </style>
{% endblock%}

<header class="main-header">
    <a href="#" class="logo">
        <span class="logo-mini"><b>U</b>DP</span>
        <span class="logo-lg"><b>中金</b> | 统一数据平台</span>
    </a>
    <nav class="navbar navbar-static-top">
        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <li class="dropdown messages-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <span class="label label-success"></span>
                    </a>
                </li>
                <li class="dropdown notifications-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="label label-warning"></span>
                    </a>
                </li>
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="{% static 'dist/img/default_user.png' %}" class="user-image" alt="User Image">
                        <span class="hidden-xs">{{ user.verbose_name }}，你好！</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="user-header" style="height: 105px;">
                            <img src="{% static 'dist/img/default_user.png' %}" class="user-image" alt="User Image">
                            <p>{{ user.verbose_name }}</p>
                        </li>
                        <li class="user-footer">
                            <div class="pull-right">
                                <a href="{% url 'management:logout' %}" class="btn btn-danger btn-flat">注销</a>
                            </div>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                </li>
            </ul>
        </div>
    </nav>
</header>